/*
 * 行情列表 样式
 */
//
// 列表
//
.fp-list{
  padding: 1.07rem 1.07rem;
  margin-bottom: 50px;
  .right{
    display: flex;
    align-items: center;
    // 按钮
    .btn{
      color: #ffffff;
      text-align: center;
      width: 100px;
      padding: 0.28rem 0;
      display: inline-block;
      background-image: linear-gradient(-135deg, #FEDF33 0%, #FE9D09 100%);
      box-shadow: 0 0 3px 1px #FED72E;
      border-radius: 100px;
      // 封闭期
      &.closed{
        background-color: #e6e6e6;
        background-image: none;
        box-shadow: 0 0 0 0;
        color: #999999;
      }
    }
  }
  .item + .item{
    margin-top: 1.07rem;
  }
  .item{
    box-shadow: 0 0 8px 2px #EFEFEF;
    border-radius: 15px;
    padding: 0.71rem 0.57rem 1.42rem 0.57rem;
    .item-content{
      padding: 0 0.35rem;
      margin: 20px auto 15px auto;
      display: flex;
      justify-content: space-between;
      .left{
        display: flex;
        text-align: center;
        // 交易类型
        &.transaction{
          flex-direction: column;
          .transaction-orderid,.transaction-date{
            text-align: left;
          }
        }
      }
      .orderid-text,.rate-text,.date-text{
        color: #999999;
        font-size: 0.71rem;
      }
      .orderid-value,.rate-value,.date-value{
        color: #FF1010;
        font-size: 1.14rem;
        line-height: 2.07rem;
      }
      // 时间
      .date{
        margin-left: 15px;
      }
      // 数字
      .num{
        font-size: 1.42rem;
        font-weight: bolder;
      }
    }
    .item-title{
      display: flex;
      justify-content: space-between;
      .name{
        color: #333333;
        //margin-right: 15px;
        font-size: 1.14rem;
        flex: 1;
      }
      // 标签组
      .label-group{
        text-align: right;
      }
      // 标签
      .label + .label{
        margin-left: 0.21rem;
      }
      .label{
        display: inline-block;
        border-radius: 4px;
        border: 1px solid;
        font-size: 0.71rem;
        padding: 0 0.35rem;
        margin: 2px auto;
        // 标签颜色
        &.red{
          color: #FF6A6A;
          border-color: #FF6A6A;
        }
        &.green{
          color: #7ED321;
          border-color: #7ED321;
        }
        &.blue{
          color: #1BB7F5;
          border-color: #1BB7F5;
        }
        &.yellow{
          color: #FF8409;
          border-color: #FF8409;
        }
      }
    }

  }
  // 行情列表标题
  .fp-list-title{
    color: #333333;
    font-weight: bolder;
    margin-bottom: 1.07rem;
  }
}


//
// banner
//
.fp-banner{
  text-align: center;
  margin: 20px auto;
  img{
    width: 82%;
  }
}
